<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>注册页面</title>
  <link rel="stylesheet" href="./pour.css" />
</head>

<body>
  <!-- 头部 -->
  <header>
    <div class="head container df">
      <div class="left">
        <a href="../home/home.html">
          <h2>源码数据</h2>
        </a>
      </div>

      <div class="right">
        <p>已有源码账号，<a href="../login/login.html">立即登录</a></p>
      </div>
    </div>
  </header>

  <main class="main">
    <div class="form container">
      <div class="form-zx">
        <h2>欢迎注册</h2>
        <p>百款接口免费试用</p>
        <div class="form-bg df">
          <span></span>
          <p>注册即送300元大礼包</p>
        </div>
        <input class="user" type="text" placeholder="用户名(6-20位字母数字)"><br>
        <input class="tel" type="text" placeholder="请输入手机号码"><br>
        <input class="yzm" type="text" placeholder="请输入手机短信验证码"><button id="obtain">获取验证码</button><br>
        <input class="pass" type="password" placeholder="请输入6-12位的密码"><br>
        <p class="check-p"><input class="check" type="checkbox" > 我已阅读并接受 <a href="">《源码用户服务协议》 《源码隐私政策》</a></p>
        <button class="now" >立即注册</button>
      </div>

      <p class="userp"><span></span>用户名不正确</p>
      <p class="telp"><span></span>手机号格式不正确</p>
      <p class="yzmp"><span></span>请输入验证码</p>
      <p class="passp"><span></span>密码格式不正确</p>

    </div>
    </div>
  </main>
  <script src="./pour.js"></script>
</body>

</html>